@import url("common.css");
/*头部*/
.header_bg { height: 322px; position: relative; background:#2191f0 url(../images/banner_bg.png) no-repeat center; }
.search:nth-child(3){display:none}
.yj{display:none}
.header_top { padding-top: 8px; }
.header_top .menu{display:none}
.menu_nav{display:none}
.logo img { margin-top: 0px; width: 185px;}
.in_header {width: 610px;height: 84px;padding-top: 50px;margin: 0 auto;}
/*导航*/
nav { position: relative;}
.in_nav { height: 50px; }
.nav_item { margin: 0 0 0 10px; }
/*首屏*/
.con_ban {position: relative; padding-top: 320px;}
.in_ban { position: absolute; top: -38px; background: #fff; border-radius: 10px; padding: 30px; width: 1140px; margin: 0 auto; }
.ban_l { width: 830px; height: 298px; }
.ban_r { width: 240px; height: 256px; padding: 20px; border: 1px solid #e1e1e1; border-radius: 10px;  }
.ban_picture { width: 520px; }
/*热门导航*/
.hot_nav { background: #fff; border-radius: 10px; padding: 30px 30px 30px 20px; width: 1150px; }
.hot_nav .nav_item { width: 277px; float: left; height:76px; overflow: hidden; margin: 0 0 0 10px; }
.nav_item h4 { position: relative; padding-left: 30px; font-size: 16px; font-weight: normal; margin-bottom: 10px; }
.nav_item em { width: 20px; height: 20px; border-radius: 20px; text-align: center; line-height: 20px; color: #fff; background: #497cff; display: block; font-size: 14px; position: absolute; left: 0; top: 0px; }
.nav_item:nth-child(2) em { background: #dcb103; }
.nav_item:nth-child(3) em { background: #ff5c16; }
.nav_item:nth-child(4) em { background: #08c3bc; }
.nav_item .nav_rwap a { font-size: 12px; margin-right: 20px; display: block; float: left; line-height: 24px; color: #666; }
.nav_item .nav_rwap a:hover { color: #2191f0; }
/*首屏热门图文*/
.ban_r .hot_tu { padding: 10px; }
.ban_r .hot_tu h4 { line-height: 20px; margin:0px 0 20px 0; }
.ban_r .hot_tu .hot_lb2.on { height: 63px; }
.ban_r .hot_lb2.on .hot_bt { font-weight: normal; }
/*今日推荐*/
.ban_push { width: 278px; height: 300px; position: relative; overflow: hidden; }
.ban_push .push_time { position: absolute; left: 100px; top: 12px; line-height: 20px; border-radius: 10px; height: 20px; padding: 0 5px;  background: #2191f0;
    font-size: 12px; color: #ffffff;}
.ban_push:before{ content:""; display: block; position: absolute; width: 1px; height: 210px; left: 4px; top: 80px; background: #cbd7f1; }
.ban_push .bd { margin-top: 15px; }
.ban_push li { padding: 6px 0; }
.lb_push { position: relative; padding-left: 20px; line-height: 30px; }
.lb_push:before{ content:""; display: block; position: absolute; width: 7px; height: 7px; border: 1px solid #cbd7f1; border-radius: 10px; left: 0; top: 10px; background: #fff;}
.lb_push:hover:before { border: 1px solid #2191f0; }
/*登录*/
.login_top {height: 52px; position: relative; padding-left: 70px; }
.login_avatar { width: 52px; height: 52px; border-radius: 100%; overflow: hidden; position: absolute; left: 0; }
.login_avatar img { width: 100%; }
.login_name h4 { font-size: 18px; line-height: 30px; font-weight: normal; }
.login_name p { font-size: 14px; color: #999; }
.login_cz { height: 36px; margin-top: 20px; }
.login_cz a { width: 46%; text-align: center; line-height: 36px; height: 36px; border-radius: 4px; color: #fff; display: block; }
/*vip权益*/
.vip_title { position: relative; height: 30px; line-height: 30px; }
.vip_title:before{ content:""; display: block; height: 1px; width: 100%; background: #f1f1f1; position: absolute; top: 15px; }
.vip_title span { width: 100px; left: 50%; margin-left: -50px; text-align: center; background: #fff; position: absolute; font-size: 12px; color: #999; }
.vip_itme { width: 39%; float: left; font-size: 12px; line-height: 20px; margin: 8px 0 8px 2%; position: relative; padding-left: 20px; color: #999;  }
.vip_itme:nth-child(2n) { float:right;}
.vip_itme em { position: absolute; left: 0; color: #e8b856; }
.ban_gg { width: 100%; height: 102px; border-radius: 10px; }
.ban_gg img { width: 100%; min-height: 102px; }
/*专题*/
.ban_lm {/* height: 140px; */}
.ban_lm .lm_itme { float: left; width: 280px; margin-right: 26px; *margin-right: 12px; border-radius: 10px; overflow: hidden; }
.ban_lm .lm_itme img { width: 100%; }
.ban_lm .scroll_btn { background: rgba(255,255,255,0.9); color: #2191f0; box-shadow: 0 4px 20px rgba(33,145,240,0.2); }
/*热门文档*/
.hot_word { width: 834px; height: 290px; padding: 30px; background: #fff; border-radius: 10px; }
.hot_wz { width: 240px; height: 310px; background: #fff; padding: 20px; border-radius: 10px; }
/*栏目*/
.lm { width: 1140px; background: #fff; padding: 30px; margin: 26px auto 0 auto; border-radius: 10px; }
.lm_rwap {height: 445px; }
.lm_rwap .lm_nav2 { width: 140px; background: #f1f9fa; height: 376px; padding: 10px 15px; }
.lm_nav2 h4 { line-height: 20px; position: relative; padding-left: 15px; }
.lm_nav2 h4:before{ content:""; display: block; height: 12px; width: 6px; background: #36ad9e; position: absolute; top: 4px; border-radius: 10px; left: 0; }
.lm_nav2 .bt2:before { background: #e8b856; }
.lm_nav2 a { font-size: 12px; display: block; float: left; width: 48%; line-height: 24px; margin-bottom: 8px; color: #666; height: 24px; overflow: hidden; }
.lm_nav2 a:nth-child(2n) { float: right; }
.lm_nav2 .nav_nr { margin-top: 10px; }
.lm_nav2 a:hover { color: #36ad9e; font-weight: bold; }
.lm_article { width: 564px; margin-left: 20px; } 
.lm_article .pic_lb1 { width: 48%; *width: 34%; }
.lm_article .title1 { background-color: #f5f9f9; border-radius: 10px; line-height: 40px; margin-bottom: 13px; padding-left: 38px;  }
.lm_article .title1 em { top: 8px; left: 10px; }
.lm_new { margin-top: 15px; }
.new_nr { margin-top: 10px; }
.lm_new .lb_2 { margin-top: 10px; float: left; width: 46%; }
.lm_new .lb_2:nth-child(2n) { float: right; }
.lm_pic { width: 246px; min-height: 400px;}
.lm_left .lm_pic { width:auto; min-height: 77px; }
.lm_left { width: 824px; }
.lm_pic .pic_lb2 img { min-height: 150px;object-fit: cover;}
/*精选图文*/
.pic { padding: 30px; width: 1142px;  }
.pic_rwap {overflow: hidden;height: 132px;}
.pic_title { border-bottom: 0; }
.pic_rwap .pic_lb2 { width: 204px; margin:0 30px 0 0; }
.pic_lb2 .lb_bt { margin-top: 10px; }
.pic_rwap .pic_lb2 .lb_img {height: 100px;}
.pic_rwap .pic_lb2 .lb_img img {min-height: 100px;object-fit: cover;}
.pic_rwap .scroll_btn {top: 38%;}

@media screen and (min-width: 320px) and (max-width: 767px){
    /*顶部*/
.header_top { width: 100%; box-sizing: border-box; height: auto; z-index: 9; padding:1rem 3rem 1rem 3%; }
.header_top .menu {width: 1.875rem;height: 1.875rem; right:3%;top: 1.3rem;position: absolute;display: block;}
.header_top .menu em { width: 1.875rem; height: 1.875rem; display: block;}
.header_top .top_t { height: 1.875rem; padding:1rem 3% 0 3%; position: relative; }
.header_top .top_t .top_a { position: absolute; top: 1.1rem; }
.header_top .top_t .top_a em { font-size: 24px; }
.header_top .top_b { position: relative; }
.f30 {font-size: 1.875rem;}
.author-header{display:none}
.in_header{width:100%;padding-top: 50px;display: none;}
.logo img {margin: 0 0 0 10px;width: 9rem;}
#nav{display:none;}
.header_bg {height: 340px;position: relative;background-position:left;background-image: linear-gradient(#2b96f0, #b9d9f6);}
.con{width:100%;}
.hot_nav{width:auto;padding: 20px;display: none;}
.hot_nav .nav_item{
    width: 50%;
    height: 100px;
    margin: 0 0 20px 0;
    float: left;}
.pic{width:100%;}
.ban_lm, .pic{/* display:none; */padding: 0 2%;top: 10px;}
.scroll .prev {left: 0;}
.scroll .next { right: 0; }
.scroll:hover .prev { left: 10px; opacity: 1; }
.scroll:hover .next { right: 10px; opacity: 1; }
.lm{width:auto;padding: 20px;}
.lm_pic{display:none;}
.lm_article{width:100%;margin-left:0;}
.lm_new .lb_2{width:45%;}
.lm_left{width:auto;}
.lm_rwap{height:445px;}
#lm_rwap2{height:615px;}
#lm_rwap2 .lm_new .head{width:85%;}
#lm_rwap2 .lm_left .lb_1{width:85%;}
.search:nth-child(3){display: block;}
.search {width: 94%;border: none;margin: 0 3%;}
.search {/* width: 100%; */height: 2.5rem;position: relative;border-radius: 2rem;background: #fff;overflow: hidden;border: 1px solid #e1e1e1;/* top: 60px; */}
.search .text { width: 100%; text-align: center; box-sizing: border-box; height: 2.5rem; border: none; background: none; padding: 0 1rem 0 2rem; line-height: 2.5rem; }
.search em { position: absolute; left: 0.4rem; top: 0.5rem; z-index: 1; font-size: 1.3rem; color: #c1cbca; }
.search form{width:90%;display: block;margin:0 auto;}
.search input[name="keyboard"] {width: 84%;padding: 0 2%;}
.search input[name="s"] {width: 16%;}
.searchFont {display: block;width:30px;position: absolute;top: 50%;right: 10px;margin-top: -10px;}
.searchFont i{font-size:20px;color:#666;display:block;}
.searchFont i:hover{color:#ed4040;}
    .search input{height: 34px;line-height: 34px;}
    .search input[name="keyboard"] {width: 80%;padding:0 3%;}
    .search input[name="s"] {width: 20%;}
/* 热门栏目(首页/频道页) */
.yj{display: block;}
.nav {width: 94%;margin: 1rem 3%;padding: 0.5rem 0;border-radius: 1rem;/* top: 60px; */height: 80px;}
.nav_ti .position a { margin: 0 0.15625rem;}
.nav ul { width: 100%; }
.nav ul li { width: 20%; float: left; margin: 1rem 0; }
.nav ul li a { display: block; }
.nav ul li em { width: 2.4rem; height: 2.4rem; display: block; background: #0fc3b2; margin: 0 auto; background-size: 90%; border-radius: 100%; text-align: center; line-height: 2.4rem; color: #fff; font-size: 30px; }
.nav ul li p { text-align: center; font-size: 0.75rem; color: #666; overflow: hidden; height: 1rem; padding: 0 0.4rem; margin-top: 0.5rem;  }
.nav ul li:nth-child(1) em {  background: #08c3bc; }
.nav ul li:nth-child(2) em {  background: #8e49ff; }
.nav ul li:nth-child(3) em {  background: #f36e34; }
.nav ul li:nth-child(4) em {  background: #379bf1; }
.nav ul li:nth-child(5) em {  background: #67af50; }
.pic_rwap { overflow: hidden; height: 100px; }
.pic_rwap .pic_lb2 .lb_img { height: 100px; }
.pic_rwap .pic_lb2 .lb_img img {min-height: 100px;object-fit: cover;}
.pic_rwap .scroll_btn {top: 35%;}
.pic_rwap {overflow: hidden;height: 160px;}
/*顶部菜栏目*/
.menu_nav {  left: 0; top: 0; z-index: 99; position: absolute; display: none; box-shadow: 0 10px 60px rgba(0,0,0,0.3); overflow: hidden; background: #f5f5f8;  min-height: 100%;  padding-top: 5rem; width: 100%;  }
.menu_nav .title { width: 90%; height: 5rem; position: fixed; background: #f5f5f8; top: 0; z-index: 99; padding: 0 5%;}
.menu_nav .title h3 {  line-height: 5rem; color: #333; font-size: 1.2rem; }
.menu_close { position: absolute; text-align: center; right: 5%; top: 50% ; margin-top:-1.25rem;  width: 2.5rem; height: 2.5rem; line-height: 2.5rem; display: block; border: none; background: #fff; color: #8d9e9c; border-radius: 100%; font-weight: bold; }
.menu_nav_on {display: block; top: 0px; opacity: 1; right: 0; }
.caidan { padding: 0 5%; }
.caidan .link {cursor: pointer;display: block; padding:1.2rem 1rem 1.2rem 3rem; color: #4D4D4D; font-size:1rem; border-bottom: 1px solid #f5f5f8; position: relative; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease;	transition: all 0.4s ease;}
.caidan li { background: #fff; border-radius: 0.4rem; margin-bottom: 0.5rem; overflow: hidden; }
.caidan li:last-child .link {	border-bottom: 0;}
.caidan li em {	position: absolute;	top: 0.8rem; right: 1rem; font-size: 1rem;  transition: all 0.4s ease; font-weight: normal; width: 1rem; height: 1.5rem; line-height: 1.5rem;  color: #8d9e9c; }
.caidan li.open { background: #fff; }
.caidan li.open .link { border-bottom: 1px solid #fff; }
.caidan li .link .iconfont { top: 50%; left: .72rem; margin-top: -.78rem; }
.caidan li.open .link_zhan em { display: block; background-size: 100%; transform: rotate(90deg);}
.caidan li .link_a em { width: 1.5rem; height: 1.5rem; top: 0.6rem; border-radius: 100%; color: #fff; font-size: 1rem; text-align: center; }
.caidan li:nth-child(6n+1) .link_a em { background-color: #0fc3b2; }
.caidan li:nth-child(6n+2) .link_a em { background-color: #e48b49; }
.caidan li:nth-child(6n+3) .link_a em { background-color: #e8b856; }
.caidan li:nth-child(6n+4) .link_a em { background-color: #d65066; }
.caidan li:nth-child(6n+5) .link_a em { background-color: #5778f3; }
.caidan li:nth-child(6n+6) .link_a em { background-color: #5d77b3; }
.submenu {	display: none;	background: #fff; padding: 0 5%;}
.submenu li { border-bottom: 1px solid #fff; width: 48%; background: #f5f5f8; float: left; text-align: center; }
.submenu li:nth-child(2n) { float: right; }
.submenu li:last-child { width: 100%; background: #f5f5f8; }
.submenu a {display: block; text-decoration: none; 	color: #666; padding:0.6rem 0; font-size: 0.85rem; -webkit-transition: all 0.25s ease; 	-o-transition: all 0.25s ease; 	transition: all 0.25s ease; }
.caidan .link {  height: 3rem; padding: 0; }
.link_zhan { width: 20%;  height: 3rem; position: absolute; right: 0; top: 0; }
.link_a { width: 80%; box-sizing: border-box; height: 3rem; padding:0 1rem 0 3.5rem; line-height:3rem; }
.caidan li { position: relative; } 
.caidan li p { text-align: center; line-height: 3rem; }
.con_rwap { border-radius: 1rem 1rem 0 0; }
.menu_nav .menu_index { border: 1px solid #a7b3b2; color: #a7b3b2; border-radius:2rem; padding: 0.2rem 0.5rem; margin-left: 1rem; font-size: 0.825rem; font-weight: normal; }
}